{extend name="common/layout" /}

{block name="title"}茶生活{/block}
{block name="style"}{/block}

{block name="content"}
	<link rel="shortcut icon" href="images/favico.ico">
<!-- <link rel="stylesheet" type="text/css" href="__SHOP_DEFAULT__/custom/zhanhui/css/Main.css"> -->
<link rel="stylesheet" type="text/css" href="__SHOP_DEFAULT__/custom/zhanhui/css/Style.css">
<!--<script type="text/javascript" src="__SHOP_DEFAULT__/custom/zhanhui/js/jquery-1.9.1.min.js"></script>-->
<script type="text/javascript" src="__SHOP_DEFAULT__/custom/zhanhui/js/SlideClass.js"></script>
<script type="text/javascript" src="__SHOP_DEFAULT__/custom/zhanhui/js/gundong.js"></script>
<script type="text/javascript" src="__SHOP_DEFAULT__/custom/zhanhui/js/Comm.js"></script>

<link href="__SHOP_DEFAULT__/custom/zhanhui/css/gwdsharecss.css" rel="stylesheet" type="text/css">
<link href="__SHOP_DEFAULT__/css/index.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/font-family.css">
<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/layui.css">
<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/iconfont.css">
<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/info.css">
<link rel="stylesheet" href="__SHOP_DEFAULT__/custom/css/market.css">

<!--首页主页面-->
<script type="text/javascript" src="__SHOP_RESOURCE__/js/home_index.js" charset="utf-8"></script>
<div class="info-banner-L" style="position: relative;margin-top: 0;">
        <ul class="full-screen-slides m-fbx">
            {if (!empty($index_slide_imgs) && is_array($index_slide_imgs))}
                {foreach $index_slide_imgs as $key => $val_}
                    <li style="background: url('__UPLOAD_PATH__/shop/adv/{$val_['adv_content']['adv_pic']}') no-repeat center top">
                        <a href="{$val_['adv_content']['adv_pic_url']}" target="_blank" title="{$val_['adv_title']}">&nbsp;</a>
                    </li>
                   
                {/foreach}
            {/if}
        </ul>
   </div>
	
	<script>
		$(function(){
			var index=0;
			var timmer;
			$("#indexNews .left p").eq(index).stop(true,true).fadeIn(800).siblings().fadeOut(800);
			slide();
			function slide() {
				timmer = setInterval(function () {
					index++;
					var length = $("#indexNews .left p").length;
					if (index > length - 1) {
						index = 0;
					}
					$("#indexNews .left p").eq(index).stop(true, true).fadeIn(800).siblings().fadeOut(800);
				}, 3000);
			}
			$("#indexNews .right dl dd").eq(0).addClass("onfocus").siblings().removeClass('onfocus');
			$("#indexNews .right dl dd").hover(function(){
				$(this).addClass("onfocus").siblings().removeClass('onfocus');
			},function(){
			})
		})
	</script>






	<!--每月推荐-->
	<div id="indexMytj">
		<dl>
			{volist name="re_article_list" id="val" length="6"}
				<dd>
					<a href="{:url('cms/Exhibition/detail', array('article_id'=> $val['article_id']))}" target="_blank">{$val['article_title']}</a>
				</dd>
			{/volist}
		</dl>
		<!--<div class="more">
			<a href="##">
				<img src="__SHOP_DEFAULT__/custom/zhanhui/images/bgn21.jpg" width="50" height="90" />
			</a>
		</div>-->
	</div>
	<!--本地资讯和会展视频-->
	<div id="three">
		<div class="left">
			<div class="top"><h2>{$cms_article_list[0]['class_name']}</h2><a href="{:url('cms/Exhibition/lst', ['class_id' => $cms_article_list[0][class_id]])}" class="more">更多&gt;&gt;</a></div>
			<dl>
				{volist name="cms_article_list[0]['class_id_sub']" id="val" length="12"}
					<dd>
						<em>
							<i class="icon kangle-icon"></i><a href="{:url('cms/Exhibition/detail', array('article_id'=> $val['article_id']))}">{$val['article_title']}</a>
						</em>
						<span><?php echo date('m/d',$val['article_publish_time']);?></span>
						
					</dd>
				{/volist}
			</dl>
		</div>
		<div class="right">
			<div class="top">
				<h2>{$cms_article_list[1]['class_name']}</h2>
				<a href="{:url('cms/Exhibition/lst', ['class_id' => $cms_article_list[1][class_id]])}" class="more">更多&gt;&gt;</a>
			</div>
			<dl>
				{volist name="cms_article_list[1]['class_id_sub']" id="val" length="12"}
					<dd>
						<em>
							<a href="{:url('cms/Exhibition/detail', array('article_id'=> $val['article_id']))}">{$val['article_title']}</a>
						</em>
						<span><?php echo date('m/d',$val['article_publish_time']);?></span>
						
					</dd>
				{/volist}
			</dl>
		</div>
	</div>

	<!--首页幻灯中间-->
	<div >
		<div class="list-guanG">
			<ul>
				<?php if(!empty($index_slide_imgs2) && is_array($index_slide_imgs2)){?>
					<?php foreach($index_slide_imgs2 as $k=>$v){?>
						<li>
							<a href="{$v.adv_content.adv_pic_url}" title="{$v.adv_title}" target="_blank">
								<img src="__UPLOAD_PATH__/shop/adv/{$v.adv_content.adv_pic}" width="1159" height="225" />
							</a>
						</li>

					<?php }?>
				<?php }?>
			</ul>
			<div  class="clearfix"></div>
		</div>
	</div>
	<script>
		$(function(){
			(new SlideClass('slideTwo')).Init();
		})
	</script>
	<!--行业资讯，会展互动，会展联盟-->
	<div id="three">
		<div class="left">
			<div class="top"><h2>{$cms_article_list[2]['class_name']}</h2><a href="{:url('cms/Exhibition/lst', ['class_id' => $cms_article_list[2][class_id]])}" class="more">更多&gt;&gt;</a></div>
			<dl>
				{volist name="cms_article_list[2]['class_id_sub']" id="val" length="12"}
					<dd>
						<em>
							<a href="{:url('cms/Exhibition/detail', array('article_id'=> $val['article_id']))}">{$val['article_title']}</a>
						</em>
						<span><?php echo date('m/d',$val['article_publish_time']);?></span>
						
					</dd>
				{/volist}
			</dl>
		</div>

		<div class="right">
			<div class="top">
				<h2>{$cms_article_list[3]['class_name']}</h2>
				<a href="{:url('cms/Exhibition/lst', ['class_id' => $cms_article_list[3][class_id]])}" class="more">更多&gt;&gt;</a>
			</div>
			<dl>
				{volist name="cms_article_list[3]['class_id_sub']" id="val" length="12"}
					<dd>
						<em>
							<a href="{:url('cms/Exhibition/detail', array('article_id'=> $val['article_id']))}">{$val['article_title']}</a>
						</em>
						<span><?php echo date('m/d',$val['article_publish_time']);?></span>
						
					</dd>
				{/volist}
			</dl>
		</div>
		<div  class="clearfix"></div>
	</div>

<!--	<!--品牌展会
	<div id="indexPpzh">
		<h2>{$cms_article_list[4]['class_name']}</h2>
		<div class="list">
			<dl>
				{volist name="cms_article_list[4]['class_id_sub']" id="val" length="10"}
					<dd>
						<a href="{:url('detail', array('article_id'=> $val['article_id']))}" title="{$val['article_title']}">
							<img src="<?php echo getCMSArticleImageUrl($val['article_attachment_path'], $val['article_image'], 'list');?>" width="150" height="48"/>
						</a>
					</dd>
				{/volist}
			</dl>
		</div>
	</div>
	<script>
		$(function(){
			(new gundong("indexPpzh")).Init();
		})
	</script>-->

	<!--会展荣誉-->
	<div id="indexHzry">
		<div class="top">
			<h2>{$cms_article_list[4]['class_name']}</h2>
			<a href="{:url('cms/Exhibition/lst', ['class_id' => $cms_article_list[4][class_id]])}" class="more">更多&gt;&gt;</a>
		</div>
		<div class="list">
			<dl>
				{volist name="cms_article_list[4]['class_id_sub']" id="val" length="20"}
					<dd>
						<a href="{$val['article_content']|strip_tags}" title="{$val['article_title']}">
						{$val['article_title']}
						</a>
					</dd>
				{/volist}
				
			</dl>
		</div>
	</div>
	<!--<script>
		$(function(){
			(new gundong("indexHzry")).Init();
		})
	</script>-->
</div>
	<!--公共底部-->

<!--第三方插件-->

<!--右侧漂浮-->
<script>/* Code removed by ScrapBook */</script>	

   <!-- ---- 通用类>>--【数据发布-头部】 -- 标签开始 ---- -->
<!--分享CSS样式调用代码 BEGIN（此代码必须部署在</head>
闭合标记之前）-->
<style type="text/css">
/* Code tidied up by ScrapBook */
.get-codes-gwdshare ul, #gwdshare_s ul, .get-codes-gwdshare ul li, #gwdshare_s ul li, #gwdshare_l_c ul li, #gwdshare_m_c ul li, #gwdshare_pop ul, #gwdshare_pop ul li { list-style: outside none none; margin: 0px; padding: 0px; }
.get-codes-gwdshare { z-index: 9999; float: left; text-align: left !important; }
.get-codes-gwdshare a, #gwdshare_s a, #gwdshare_pop a { text-decoration: none; cursor: pointer; }
.get-codes-gwdshare a:hover, #gwdshare_s a:hover, #gwdshare_pop a:hover { color: rgb(51, 51, 51); opacity: 0.7; }
.get-codes-gwdshare h6, #gwdshare_s h6 { width: 100%; font: 700 14px/22px "ËÎÌå"; text-indent: 0.5em; border-top: 1px solid rgb(251, 251, 251); border-bottom: 1px solid rgb(242, 241, 241); background-color: rgb(246, 246, 246); float: left; padding: 5px 0px; margin: 0px; }
.get-codes-gwdshare ul, #gwdshare_s ul { width: 98%; float: left; padding: 8px 0px; margin-left: 2px; overflow: hidden; }
.get-codes-gwdshare ul li, #gwdshare_s ul li { width: 47%; float: left; margin: 4px 2px; }
.get-codes-gwdshare ul li a, #gwdshare_s ul li a { display: block; color: rgb(86, 86, 86); width: 98%; border: 1px solid rgb(255, 255, 255); }
.get-codes-gwdshare ul li a:hover, #gwdshare_s ul li a:hover { background-color: rgb(243, 243, 243); border: 1px solid rgb(238, 238, 238); border-radius: 3px; }
.get-codes-gwdshare p, #gwdshare_s p { width: 100%; height: 21px; font: 12px "ËÎÌå"; border-top: 1px solid rgb(242, 241, 241); background-color: rgb(248, 248, 248); float: left; padding: 0px; margin: 0px; }
.get-codes-gwdshare p a, #gwdshare_s p a { width: auto; text-align: right; float: right; padding: 0px 5px; }
#gwdshare_l { width: 212px; position: absolute; top: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: left; }
#gwdshare_l_c { width: 210px; float: left; border: 1px solid rgb(233, 233, 233); text-align: left; }
#gwdshare_l_c ul li { width: 47%; float: left; }
#gwdshare_l_c ul li a { height: auto !important; }
.MoreShareLink_24 { background: rgba(0, 0, 0, 0) url("images/is_24_001.png") no-repeat scroll 0% 0%; font: 14px "ËÎÌå"; padding: 7px 0px; text-indent: 34px; }
#gwdshare_l, #gwdshare_m { box-shadow: 0px 0px 7px rgb(238, 238, 238); z-index: 1000000; }
#gwdshare_pop h5 b, #gwdshare_s h6 b { width: 22px; height: 23px; background: rgba(0, 0, 0, 0) url("images/pop_c.gif") no-repeat scroll 0px 0px; cursor: pointer; position: absolute; right: 8px; top: 4px; }
#gwdshare_l_c p a.goWebsite, #gwdshare_m_c p a.goWebsite, #gwdshare_pop p a.goWebsite { text-align: right; background: rgba(0, 0, 0, 0) url("images/pi.gif") no-repeat scroll 0px center; line-height: 16px; padding-left: 16px; color: rgb(140, 140, 140); }
#gwdshare_l_c p a.goWebsite:hover, #gwdshare_m_c p a.goWebsite:hover, #gwdshare_pop p a.goWebsite:hover { color: rgb(0, 169, 224); }
.gwds_tools_24 a { background: rgba(0, 0, 0, 0) url("images/is_24_001.png") no-repeat scroll 0% 0%; width: 24px; height: 24px; display: block; float: left; cursor: pointer; padding: 3px 2px; }
.gwds_xinhua { background-position: 0px -35px !important; }
.gwds_people { background-position: 0px -75px !important; }
.gwds_tsina { background-position: 0px -115px !important; }
.gwds_tqq { background-position: 0px -155px !important; }
.gwds_weixin { background-position: 0px -195px !important; }
.gwds_qzone { background-position: 0px -235px !important; }
.gwds_renren { background-position: 0px -275px !important; }
.gwds_kaixin001 { background-position: 0px -315px !important; }
.gwds_douban { background-position: 0px -355px !important; }
.gwds_right_button { margin: -2px -1px 2px; }
#gwdShare { background: rgb(255, 255, 255) url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/logo.png") no-repeat scroll center 12px; width: 36px; height: 77px; border: 1px solid rgb(241, 145, 5); border-radius: 90px; margin-left: 200px; margin-top: 50px; }
#font { font-family: 微软雅黑; color: rgb(241, 145, 5); font-weight: 900; font-size: 15px; text-align: center; padding: 32px 0px 0px; line-height: 17px; margin: 0px; list-style: outside none none; }
#shareLinksOne { background-color: rgba(0, 0, 0, 0); background-image: url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/weixin.png"); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-size: auto auto; background-position: 0px 0px !important; cursor: pointer; border-radius: 50%; display: block; width: 26px; height: 24px; }
#shareLinksOne:hover { background: rgba(0, 0, 0, 0) url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/weixinHover.png") no-repeat scroll 0px 0px; }
#shareLinksTwo { background-color: rgba(0, 0, 0, 0); background-image: url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/sina.png"); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-size: auto auto; background-position: 0px 0px !important; cursor: pointer; border-radius: 50%; display: block; width: 26px; height: 24px; }
#shareLinksTwo:hover { background: rgba(0, 0, 0, 0) url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/sinaHover.png") no-repeat scroll 0px 0px; }
#shareLinksThree { background-color: rgba(0, 0, 0, 0); background-image: url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/weibo.png"); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-size: auto auto; background-position: 0px 0px !important; cursor: pointer; border-radius: 50%; display: block; width: 26px; height: 24px; }
#shareLinksThree:hover { background: rgba(0, 0, 0, 0) url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/weiboHover.png") no-repeat scroll 0px 0px; }
#shareLinksFour { background-color: rgba(0, 0, 0, 0); background-image: url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/people.png"); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-size: auto auto; background-position: 0px 0px !important; cursor: pointer; border-radius: 50%; display: block; width: 26px; height: 24px; }
#shareLinksFour:hover { background: rgba(0, 0, 0, 0) url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/peopleHover.png") no-repeat scroll 0px 0px; }
#shareLinksFive { background-color: rgba(0, 0, 0, 0); background-image: url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/xinhua.png"); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-size: auto auto; background-position: 0px 0px !important; cursor: pointer; border-radius: 50%; display: block; width: 26px; height: 24px; }
#shareLinksFive:hover { background: rgba(0, 0, 0, 0) url("urn:scrapbook-download-error:http://www.gwd.gov.cn/wcm.files/upload/CMSgwd/ShareImage/xinhuaHover.png") no-repeat scroll 0px 0px; }
#shareList a:hover, #gwdshare_s a:hover, #gwdshare_pop a:hover { color: rgb(51, 51, 51); opacity: 1; }
</style>
<script type="text/javascript">/* Code removed by ScrapBook */</script>
	
	
<!--分享CSS样式调用代码 END-->
	
   <!-- ---- 通用类>>--【数据发布-头部】 -- 标签结束 ---- -->
<!-- ---- 通用类>>--【分享代码】 -- 标签开始 ---- -->
	<!--分享开始-->
	<!--<div class="fx_box" style="position: fixed; top: 250px; left: 93.2%; width: 90px; z-index: 800;">-->
		<!--&lt;!&ndash; GWD SHARE BEGIN 页面右侧浮动分享代码&ndash;&gt;-->
		<!--<div style="position: relative; float: right;">-->
			<!--<div id="gwdShare">-->
				<!--<ul id="font">分<br>享</ul>-->
				<!--<div id="shareList" class="gwdshare_t gwds_tools_24 get-codes-gwdshare" style="display: none;">-->
					<!--<ul id="shareLink" style="padding: 20px 0px; list-style: outside none none;">-->
						<!--<li style="margin-top: -1px; margin-left: 1px;"><a href="#" class="gwds_weixin gwds_right_button" id="shareLinksOne"></a></li>-->
						<!--<li style="margin-top: -1px; margin-left: 1px;"><a href="#" class="gwds_tsina gwds_right_button" id="shareLinksTwo"></a></li>-->
						<!--<li style="margin-top: -1px; margin-left: 1px;"><a href="#" class="gwds_tqq gwds_right_button" id="shareLinksThree"></a></li>-->
						<!--<li style="margin-top: -1px; margin-left: 1px;"><a href="#" class="gwds_people gwds_right_button" id="shareLinksFour"></a></li>-->
						<!--<li stylindexPpzhe="margin-top: -1px; margin-left: 1px;"><a href="#" class="gwds_xinhua gwds_right_button" id="shareLinksFive"></a></li>-->
					<!--</ul>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>-->
		<!--&lt;!&ndash; GWD SHARE END &ndash;&gt;-->
	<!--</div>-->
	<!--分享结束-->
<!-- ---- 通用类>>--【分享代码】 -- 标签结束 ---- -->




	


{/block}
